<!DOCTYPE html>
<html class="javascript js cssanimations">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>72公社</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="72公社">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="../../css/amaze.min.css" />
    <link rel="stylesheet" href="../../css/amazeui.min.css" />
    <link rel="stylesheet" href="../../css/app.css">
    <!--[if (gte IE 9)|!(IE)]>
        <!-->
    <script type="text/javascript" src="../../script/jquery-1.11.1.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
            <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
                
            </script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js">
                
            </script>
        <![endif]-->
    <script src="../../script/amazeui.min.js"></script>
    <style type="text/css">
    /*头部背景*/
    
    .am-header-default {
        background-color: #f40;
    }
    /*分类样式*/
    
    .am-menu-dropdown1 .am-menu-nav>li>a {
        border-bottom: 1px solid #d63900;
        background: #f40;
    }
    
    .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
        background: #e63d00;
    }
    /*按钮样式*/
    
    .am-btn-primary:hover {
        color: #fff;
        background-color: #c23400;
        border-color: #c23400;
    }
    
    .am-btn-primary {
        color: #fff;
        background-color: #f40;
        border-color: #f40;
    }
    
    .this {
        background: white;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #feebdc;
        border-right: 1px solid #feebdc;
    }
    
    .this i {
        color: #ff8000;
    }
    </style>
    <script src="../js/zepto.min.js"></script>
    <link rel="stylesheet" href="../../css/css_style.css">
    <script src="../../script/api.js"></script>
</head>
    <body>
        <div class="header" id="header">
            <a class="new-a-back" onclick="api.closeWin()"><span></span></a>
            <h2>业主身份验证</h2>
        </div>
        <div class="verify_box">
            <div class="lineBox">
                <p>账号：
                    <span id="account">{{account}}</span>
                </p>
                <input id="openId" value="<%=locals.commuser.account||''%>" style="display:none" />
                <input id="code" value="" style="display:none" /> 
                <input id="residential" value="" style="display:none" /> 
                <input id="unitName" value="" style="display:none" />
                <input id="roomNumber" value="" style="display:none" />
                <input id="IDCard" value="" style="display:none" />
                <input id="name" value="" style="display:none" />
                <input id="zycode" value="" style="display:none" />
            </div>
            <div class="verify_form">
                <div class="input_box"><i class="name_icon"></i><span>姓名：</span>
                    <input id="realName" type="text" value="{{realName}}" class="input_simple" placeholder="输入姓名">
                </div>
                <div class="input_box"><i class="nickname_icon"></i><span>昵称：</span>
                    <input id="nickName" type="text" value="{{nickName}}" class="input_simple" placeholder="输入昵称">
                </div>
               <!--  <div class="input_box"><i class="phone_icon"></i><span>我的手机：</span>
                    <input type="text" id="myphone" value="<%=locals.commuser.mobile||''%>" class="input_simple" placeholder="请输入您的手机号">
                </div> -->
                <div class="input_box"><i class="phone_icon"></i><span>业主手机：</span>
                    <input type="text" id="phone" value="{{ownerMobile}}" class="input_simple" placeholder="请输入业主手机号">
                </div>
                <div class="input_box">
                    <!-- <input id="code_btn_brown" type="button" value="发送验证码" class="code_btn_brown"/> -->
                     <input id="btnBrown" type="button" value="发送验证码" class="btn_normal" />
                </div>
                <div class="input_box"><i class="code_icon"></i><span>验证码：</span>
                    <input type="text" id="msgCode" class="input_simple w50" placeholder="验证码" maxlength="4">
                    <input id="btnVerify" type="button" value="验证" class="code_btn_yellow" />
                </div>
               <!--  <div class="input_box"><i class="code_icon"></i><span>推荐人：</span>
                    <input type="text" id="recman" class="input_simple w50" placeholder="推荐人手机号码">
                </div> -->
                <div class="verify_tips" style="<%=locals.commuser.status=='验证通过'?'display: none':''%>">输入业主手机号码，并通过验证后即可绑定业主身份！</div>
                <div id="fcResult" class="estate_num">
                    <span>选择房产：</span>
                    <select id="fcrq">
                    </select>
                </div>
            </div>
           <!--  <div class="verify_op">
                <input type="button" id="sub_btn" value="保存" class="btn_normal" />
            </div> -->
            <!--提示框-->
            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
                <div class="am-modal-dialog" style="border-radius:5px;">
                    <div class="am-modal-hd">提示</div>
                    <div class="am-modal-bd" id="errmsg">
                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn">确定</span>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/propertyVerify.js"></script>
    </body>

    </html>